// 操作节点
// 新增节点
// 1.创建节点
let element = document.createElement('h3')
element.innerHTML = "这是我们创建的一个节点"
console.log(element)
// 2.放入DOM树中
// appendChild--插入到指定节点的子节点最后，父节点对象.appendChild(节点对象)--插入到最后
// 获取父节点
let div = document.querySelector(".container")
console.log(div)
div.appendChild(element)
// insertBefore--插入到指定节点前,父节点对象.insertBefore(新节点对象，插入节点对象)，如果插入节点对象为null，则插入到最后
let element2 = document.createElement('h2')
element2.innerHTML = "这是一个新节点"
div.insertBefore(element2,element)
// 删除节点
let child = document.querySelector(".delete")
// 可以使用类型记录，方便添加回来
let removeNode = div.removeChild(child)